<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="j.css">
</head>
<body>
<div class="top">
    <h1>St Huxley's Community College</h1>
</div>
<div class="left">
    <h2>Brave new world</h2>
    <p>
        <section>
            这是段落1,点击下方链接
            <a href="http://www.baidu.com">百度</a>
            <a href="http://www.sogou.com">搜狗</a>
            这是段落1,点击下方链接
            这是段落1,点击下方链接
            这是段落1,点击下方链接
            这是段落1,点击下方链接
            这是段落1,点击下方链接
            这是段落1,点击下方链接
            这是段落1,点击下方链接
        </section>
        这是段落1,点击下方链接
        这是段落1,点击下方链接
        这是段落1,点击下方链接
        这是段落1,点击下方链接
        这是段落1,点击下方链接
        这是段落1,点击下方链接
        这是段落1,点击下方链接
        这是段落1,点击下方链接
    </p>
    <p>这是段落1,不缩进</p>
    <h2>The best start in life</h2>
    <p>
        <section>这是段落2,下面是无序列表</section>
    </p>
    <ul>
        <li>注意看前方角标是四边形的,实体1</li>
        <li>实体2</li>
        <li>实体3</li>
        <li>实体4</li>
    </ul>
    <p>
        这是段落3,下面是有序列表
    </p>
    <ol>
        <li>注意看前方是英文字母排序<a href="http://www.baidu.com">百度</a>是可以点击的</li>
        <li>这个百度是不可以点击的</li>
        <li>实体3</li>
        <li>实体4</li>
        <li>实体4</li>
        <li>实体5</li>
        <li>实体6</li>
        <li>实体7</li>
    </ol>
</div>

<div class="center">
    <h2>这是标题3, 下面是链接列表</h2>
    <ul>
        <li><a href="http://www.baidu.com">百度</a></li>
        <li><a href="http://www.baidu.com">百度2</a></li>
        <li><a href="http://www.baidu.com">百度3</a></li>
        <li><a href="http://www.baidu.com">百度4</a></li>
        <li><a href="http://www.baidu.com">百度5</a></li>
        <li><a href="http://www.baidu.com">百度6</a></li>
        <li><a href="http://www.baidu.com">百度7</a></li>
    </ul>
    <a href="http://www.baidu.com">See more</a>
</div>
<div class="right">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Pizza</a></li>
        <li><a href="#">Music</a></li>
        <li><a href="#">Wombats</a></li>
        <li><a href="#">Finland</a></li>
    </ul>
</div>

</body>
</html>
